﻿@charset "utf-8";
/* CSS Document */


/* 메인 헤드라인 뉴스  F1F3F4 */
.Top_news { position:relative; overflow: hidden; margin: 0 auto 0px; background:#fff; }  
.Top_news .headtop {width:100%; }
.Top_news .ico {display:none; position: absolute; left: 0; top:5px; background-color: rgba(0, 0, 0, 0.3); padding:5px 8px;  font-size:14px; color:#fff; border-radius:0px 15px 15px 0px; z-index:20; }
.Top_news .img { float: left; width:43.6%; box-sizing:border-box;}
.Top_news .img img{ width:100%; height:240px; }
.Top_news .txt { float: left; width:56.4%; padding:20px 0px 0px 30px; box-sizing: border-box;}
.Top_news .txt strong { display:block; font-size:37px; font-weight:600; line-height:50px; color:#071629; padding:0px 0 10px; letter-spacing:-1.5px; }
.Top_news .txt p { font-size:21px; font-weight:500; color:#0E1F31;  line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Top_news .txt span { display:block; font-size:16px; font-weight:300; color:#666;  line-height:26px; padding:15px 0 0px 0;}
.Top_news .img_area {width:100% !important; height:100% !important; overflow:hidden;}
.Top_news .img_area img {	-webkit-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;	-webkit-transform: scale(1.0);	transform: scale(1.0); 	width: 100%;}
.Top_news a:hover .img_area img {	-webkit-transform: scale(1.1);	transform: scale(1.1); }
.Top_news .slider .slick-dots {bottom: -25px;}

.top_line {width:100%; height:1px; margin-top:23px; border-top:1px solid #D7D7D7;}


/* 주요기사 이미지 스타일 */
.Top_news2 {margin:-13px 0px 0px 0px;}	
.Top_news2 li {padding:15px 0;}
.Top_news2 li .thumb { display: table-cell; max-width: 160px; padding: 0px 20px 0px 0px; line-height: 0; vertical-align: middle; text-align: left;  box-sizing: border-box;}
.Top_news2 li .thumb a {display:block; width: 140px; }
.Top_news2 li .thumb img { width: 140px; height: 95px; vertical-align: middle;}
.Top_news2 li .tit { display: table-cell; width:100%; padding: 0px 0; line-height:25px; height:95px; vertical-align: middle; white-space: normal;}
.Top_news2 li .tit a { font-size:17px; height:95px; color:#000; font-weight:600; letter-spacing:-1px; }
.Top_news2 li .tit a p{ padding-top:5px; font-size:14.5px; color:#888; font-weight:400; letter-spacing:0.5px;  line-height:21px; }
.Top_news2 li .tit span {display:block; font-size:12.5px; color:#888; font-weight:300; vertical-align: middle;}
.Top_news2 li .img_area {width:100% !important; height:100% !important; overflow:hidden;}
.Top_news2 li .img_area img {	-webkit-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;	-webkit-transform: scale(1.0);	transform: scale(1.0); 	width: 100%; }
.Top_news2 li:hover .img_area img {	-webkit-transform: scale(1.1);	transform: scale(1.1);}

@media (max-width:720px){
	.Top_news .headtop {height:380px;	 }
	.Top_news .img { float: none; width:100%; height:300px; }
	.Top_news .img img{ width:100%; height:300px; }
	.Top_news .txt { float: none; width:100%; padding:10px 0px 0px 0px;}
	.Top_news .txt strong { font-size:28px; font-weight:700; line-height:36px; color:#071629; padding:0px 0 0px; letter-spacing:-0.5px; }
	.Top_news .txt span { display:none;  font-size:16px; line-height:23px; padding:10px 0 0px 0;}

	.top_line {margin-top:20px; border-top:1px solid #222;}

	.Top_news2 {margin:-13px 0px 0px 0px;}	
	.Top_news2 li {padding:25px 0 20px 0;  border-bottom:1px dotted #ADADAD;}
	.Top_news2 li:last-child {border-bottom:none;}
	.Top_news2 li .thumb { display: block; max-width: 100%; width: 100%; padding: 0px 0px 0px 0px;}
	.Top_news2 li .thumb a {width: 100%; }
	.Top_news2 li .thumb img { width:100%; height: auto;}
	.Top_news2 li .tit { display:block; padding: 13px 0px 0px 0px;  line-height:25px; height:auto;}
	.Top_news2 li .tit a { display:block; font-size:20px; font-weight:700; letter-spacing:-0.5px; height:auto; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.Top_news2 li .tit a p { font-size:17px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

@media (max-width:500px){
	.Top_news .headtop {height:310px;	 }
	.Top_news .img { float: none; width:100%; height:215px; }
	.Top_news .img img{ width:100%; height:215px; }

	.Top_news2 li .thumb img { width:100%; height: 215px;}
}

/* edit pick */
.box_editorpick {margin:4px 0px 33px;}
.box_editorpick h3{display:block; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #888;}
.box_editorpick li { position:relative; overflow: hidden; width: 100%; padding:13px 0px; border-bottom:1px dotted #ADADAD;  box-sizing:border-box; }
.box_editorpick li:nth-child(1) { padding:0px 0px 15px 0px; border-bottom:none;}
.box_editorpick li:nth-child(1) p:before, .box_editorpick ul li:nth-child(2) p:before {background:none;}
.box_editorpick li p { position: relative; padding-left:15px; color:#666;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_editorpick li:before {content: '';  display: block;  position: absolute; left: 0px; top:47%; width:5px; height:5px; background:#9E9E9E;  border-radius:10px; }
.box_editorpick li p:before {content: ""; position: absolute; width: 0; height: 1px; top: 19px; left: 15px; transition: all 0.3s ease-in-out;	visibility: hidden; 	background-color: #707070;	}
.box_editorpick li p:hover:before {visibility: visible; width: 100%; }
.box_editorpick li dl { overflow: hidden; margin-top:10px;}
.box_editorpick li dt {  float: left; width:60px; padding-top:5px; }
.box_editorpick li dt img {max-width:100%; width:auto;}
.box_editorpick li dd {  float: none; width: auto; margin-left:60px; box-sizing:border-box}
.box_editorpick li dd {display:block; font-weight: 600; font-size: 17px; line-height: 25px; margin-bottom:5px; letter-spacing:-0.5px; }
.box_editorpick li .img_area {position:relative; width:100% !important; height:100% !important; overflow:hidden;}
.box_editorpick li .img_area img {	-webkit-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;	-webkit-transform: scale(1.0);	transform: scale(1.0); 	width: 100%; }
.box_editorpick li:hover .img_area img {	-webkit-transform: scale(1.1);	transform: scale(1.1);}
.box_editorpick li .img_area .hoverIcon {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(/images/more_view.png) center center no-repeat; transition:all .3s; z-index:1;}
.box_editorpick li:hover .img_area .hoverIcon{opacity:1;}


@media (max-width:800px){
	.box_editorpick ul {margin-right:-15px;}
	.box_editorpick li dt { width:40px; }
	.box_editorpick li dt img{ width:30px; }
	.box_editorpick li dd { margin-left:40px; }
	.box_editorpick li:nth-child(1), .box_editorpick li:nth-child(2) { border-bottom:none;}
	.box_editorpick li:nth-child(1), .box_editorpick ul li:nth-child(2) {float: left; width: 50%; padding:13px 0px;  padding-right:15px;}
	.box_editorpick li:nth-child(3) { border-top:1px dotted #ADADAD;}
}

/*韩国天气 날씨*/
.box_date {position:relative; margin-bottom:20px; overflow: hidden; }
.box_date h3 {display:inline-block; background:#fff; padding:0px 5px 10px 0px; font-size:20px; color:#000; font-weight:800; }	
.box_date .line {width:100%; height:1px; margin-top:-18px; background:#888;}
.box_date ol li {float:left; width:45%; height:30px; padding-left:10px; background:url('/images/bullet1.gif') left center no-repeat;}			
.box_date ol li .text {color:#333333; font-size:15px; line-height:30px;}			
.box_date ol li .ico {margin:0px 0 0 10px;}	

/*지하철노선도 박스*/
.subway {margin-top:15px; }			
.subway h3 {padding-bottom:20px; font-size:18px; color:#000; font-weight:700; }			
.subway li {float:left;width:45%; padding-left:15px; }			
.subway li:first-child {padding-left:0px;}

/*유투브 youtube*/
.box_youtube { clear:both; padding-top:10px; margin-right:-40px; overflow: hidden; padding-bottom:20px; }
.box_youtube h3 {display:block; width:100%; text-align:center; padding-bottom:35px;}
.box_youtube h3 span {display:inline-block; margin:0 auto 0px;  text-align:center; padding:10px 30px; background:#E7161A; border-radius:40px;}
.box_youtube h3 span img {width:120px;}
.box_youtube li {float:left; width:25%; padding:0px 40px 0px 0px;  box-sizing:border-box; }
.box_youtube li a{display:block;  border:1px solid #D7D7D7; box-sizing:border-box; }
.box_youtube li .img_area {position:relative; width:100%; height:100%; overflow:hidden;}
.box_youtube li .img_area img {width: 100%; }
.box_youtube li .img_area .hoverIcon {position:absolute; left:0; top:0px; width:100%; height:100%; background:url(/images/more_vod.png) left bottom no-repeat; transition:all .3s; z-index:1;}
.box_youtube li p {padding:10px; font-size:14.5px; color:#0E1F31; font-weight:400;  line-height:22px; box-sizing:border-box; }
.box_youtube li:hover .img_area .hoverIcon {position:absolute; left:0; top:-10px; width:100%; height:100%; background:rgba(0,0,0,0.0) url(/images/more_vod.png) left bottom no-repeat; z-index:1;}

/*韩范生活, 美丽之旅*/
.box_life {padding-top:0px; margin-right:-40px;}
.box_life h3 {display: block; padding-bottom:15px;}
.box_life li {float:left; width:33.333%; padding:10px 40px 10px 0px;  box-sizing:border-box; }
.box_life li p {margin-top:10px; height:48px;  font-size:15px; line-height:22px; overflow:hidden;}

ul.main_banner{margin-right:-16px;}
ul.main_banner li {float:left; width:16.666%; padding:0px 16px 0px 0px;  box-sizing:border-box;}

@media (max-width:800px){
	.box_youtube { padding-top:10px; margin-right:-15px; padding-bottom:20px; }
	.box_youtube li {width:50%; padding:0px 15px 20px 0px; }
	.box_youtube li p {height:65px;}

	.box_life h3 {padding-bottom:10px; margin-bottom:5px;  border-bottom:1px solid #888; }

	ul.main_banner{margin-right:-15px;}
	ul.main_banner li {width:33.333%; padding:0px 10px 15px 0px;}
}

@media (max-width:600px){
	.box_youtube { padding-top:10px; margin-right:0px; padding-bottom:0px; }
	.box_youtube li {width:100%; padding:0px 0px 20px 0px; }
	.box_youtube li p {height:auto; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.box_life {margin-right:-15px;}
	.box_life li {width:50%; padding:10px 15px 10px 0px;}
}

@media (max-width:480px){
}

@media (max-width:360px){
}
